﻿<!DOCTYPE html>
<html><head>
  <title>预览</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=8">
  <meta name="generator" content="Help &amp; Manual">
  <meta name="keywords" content="Preview">
  <meta name="description" content="While editing a font, you can preview the results with the Preview toolbar. You can choose a standard text sample from the drop-down list or enter your own text. It canbe...">
  <link type="text/css" href="default.css" rel="stylesheet">
  <link type="text/css" href="custom.css" rel="stylesheet">
  <style type="text/css" media="screen">
      html,body { margin:0;
        padding:0;
       background: #ffffff;
      }
      div#printheader { display: none; }
      #idheader {
        width:100%;
        height:auto;
        padding: 0;
        margin: 0;
        position: fixed;
        top: 0;
        z-index: 2;
      }
      /* The "min-height" for "#idheader table" ensures that the (blue) header of the topic
         has at least the same height as the header of the navigation panel left of it */
      #idheader table {background: #2C5D88; min-height: 59px }
      #idheader h1 span { color: #FFF }
      #idnav {
        text-align: right;
        width: 126px;
        vertical-align: middle;
      }
      #idnav a { text-decoration: none }
      #idnav span {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-left: 4px;
       background:url('hm_webhelp_buttons_grey.png') top left no-repeat;
      }
      #idnav a span {
       background-image:url('hm_webhelp_buttons_white.png');
      }
      #idnav a span:hover {
       background-image:url('hm_webhelp_buttons_orange.png');
      }
      #idnav span.hmbtnprev {background-position: 0 -32px }
      #idnav span.hmbtnnext {background-position: -24px -32px }
      #idnav span.hmbtntop  {background-position: -48px -32px }
      #idnav span.hmbtntoggle  { width: 20px;background-position: -70px -32px }
      #idnav span.hmbtnprint  {background-position: -88px -32px }
      #callout-table, #overview-table {display:block; position:relative; top:0; left:0;}
      #callout-icon {display:block; position:absolute; top:-11px; left:-11px;}
      #callout-icon-flag {display:block; position:absolute; top:-11px; left:-8px;}
      #callout-table a {text-decoration: none; color:blue;}
      #callout-table a:visited {text-decoration: none; color:blue;}
      #overview-table a {text-decoration: none; color:black;}
      #overview-table a:visited {text-decoration: none; color:black;}
      #callout-table a:hover, #overview-table a:hover {text-decoration: underline;}
      p.help-url { margin: 20px 0 5px 0; text-align: center; font-size: 80%; text-decoration: none }
      #switchtoggles { text-align: right; padding: 0 2px 0 0; font-size: 90%; }
      .sync-toc { color: #FFF; font-size: 8pt; font-weight:bold; display: none; }
      .sync-toc a { color: #FFF; text-decoration: none; font-weight:bold;}
      .sync-toc a:visited { color: #FFF; }
      .sync-toc a:hover { text-decoration: underline; }
      a.hmanchor { display: inline-block; margin-top: -4em; padding-top: 4em }	
  </style>
  <style type="text/css" media="print">
      div#idheader, img.dropdown-toggle-icon, p.help-url { display:none }
  </style>
  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript" src="helpman_settings.js"></script>
  <script type="text/javascript" src="helpman_topicinit.js"></script>
</head>
<body>
<div id="printheader"><h1 class="p_Heading1" style="page-break-after: avoid;"><span class="f_Heading1">工具栏 - 预览</span></h1>
</div>
<div id="idheader" style="position: relative;">
<div id="idheaderbg">
<table style="width:100%;border:none;margin:0px;" cellspacing="0" cellpadding="0">
 <tbody><tr>
   <td class="topichead" style="text-align:left; vertical-align:bottom">
     <p class="crumbs"><b>导航:</b>&nbsp;
      工具栏和面板 &gt;</p>
     <h1 class="p_Heading1" style="page-break-after: avoid;"><span class="f_Heading1">工具栏 - 预览</span></h1>
   </td>
   <td class="topichead" id="idnav">
     <a href="toolbarsvalidation.html" title="上一主题"><span class="hmbtnprev"></span></a>
     <a href="welcometothefontcreator.html" title="返回首章"><span class="hmbtntop"></span></a>
     <a href="backgroundimage.html" title="下一主题"><span class="hmbtnnext"></span></a>
   </td>
 </tr>
</tbody></table>
</div>
</div>
<div id="idcontent" style="margin-top: 0px;"><div id="innerdiv">
<!--ZOOMRESTART-->
<p class="p_Normal">编辑字体时，可以使用预览工具面板预览结果。可以从下拉列表中选择标准文本样本，或者输入您自己的文本。可以使用 <span style="font-weight:bold;">F8</span> 快捷键打开和关闭，并且在<span style="font-weight:bold;">字体概览</span>窗口和<span style="font-weight:bold;">字形编辑</span>窗口中都可用。</p>
<p class="p_Normal">通过按 <span style="font-weight:bold;">P</span> 快捷键，可以在<span style="font-weight:bold;">预览</span>面板中显示概览窗口中选定的字形。还可以使用<span style="font-weight:bold;">Shift + P</span>键，将选定的字形添加到当前文本。</p>
<p class="p_Normal">预览不是一个成熟的 OpenType 文本整形引擎(shaping engine)，但在测试您的字体、度量、字距调整和其包含的其他 OpenType 布局特征时仍然非常有用。请使用<a href="testyourfont.html" class="topiclink">测试桌面字体</a>查看您的字体在 Windows 中的表现，请使用<a href="testwebfont.html" class="topiclink">测试网络字体</a>在您的默认网络浏览器中对其进行测试。</p>
<p class="p_Normal">&nbsp;</p>
<p class="p_Normal"><img style="margin:0;width:5.9583in;height:2.6771in;border:none" src="fontcreator_066_preview_toolbar.png"></p>
<p class="p_Normal">左上角的几个下拉列表和其后的第一个编辑控件都与 OpenType 设计器对话框中定义的 OpenType 布局特征相关。要测试特定语言的功能，请在第一个下拉列表中选择相应的文字，然后在第二个下拉列表中选择语言。</p>
<p class="p_Normal">编辑控件可用于选择哪个替代项要进行显示。</p>
<p class="p_Normal">要测试您的字距调整(kerning)，请在特征列表中选择<span style="font-weight:bold;">字距调整(kern)特征</span>。您可以选择多个特征，以便查看这些特征如何协同运作。</p>
<p class="p_Normal"><span style="font-weight:bold;">预览文本</span></p>
<p class="p_Normal"><a href="fc_preview-in-fontcreator.html" class="topiclink">在 FontCreator中预览</a>章节，讲解了在预览文本中您可以使用什么样的输入内容。</p>
<p class="p_Normal"><span style="font-weight:bold;">预览</span>面板可以调整大小，以便显示更多的文本。</p>
<p class="p_Normal">&nbsp;</p>
<p class="p_Normal">如果您希望编辑字形的轮廓(outline)或调整其度量(metric)，点击预览区域中的具体字形，就可在<b>字体概览</b>或<b>字形编辑</b>窗口中跳转该字形。</p>
<p class="p_Normal">&nbsp;</p>
<p class="p_Normal"><span class="f_NoteorTip">注意：如果<b>字形显示模式</b>（可从视图菜单启用）设置为自动或彩色，则前景色和背景色来自<b>调色板</b>工具面板。</span></p>
<p class="p_Normal">&nbsp;</p>
<!--ZOOMSTOP-->
</div></div>
<script type="text/javascript">
  $(document).ready(function(){
    $(window).bind('resize', function() {
      var y = $('#idheader').height();
      $('#idcontent').css('margin-top', y);
      var par = window.parent;
      if ($( par ).width()<= $( window ).width()+20) {
        $('#idheader').css('position', 'relative');
        $('#idcontent').css('margin-top', 0);
        $('#idbacktotop').css('display', 'block');
        $('.hmanchor').css('margin-top', -20);
	$('.hmanchor').css('padding-top', 20);
      }
      else {
        $('#idheader').css('position', 'fixed');
        $('#idcontent').css('margin-top', $('#idheader').height());
        $('#idbacktotop').css('display', 'none');
        $('.hmanchor').css('margin-top', -y-20);
	$('.hmanchor').css('padding-top', y+20);
      }
    });
    $(window).resize(); //trigger event for initially small displays
  });
</script>
</body></html>